import { history } from '@@/core/history';
import { Card, Col, Row } from 'antd';
import React from 'react';

const Spice: React.FC = () => {
  return (
    <>
      <Row gutter={24}>
        <Col span={12}>
          <Card
            hoverable
            style={{ width: 240 }}
            onClick={() => history.push('/spice/offDutyCountdown')}
          >
            下班倒计时
          </Card>
        </Col>

        {/*<Col span={12}>*/}
        {/*  <Card hoverable style={{ width: 240 }} onClick={() => history.push('/spice/matterDemo')}>*/}
        {/*    Matter*/}
        {/*  </Card>*/}
        {/*</Col>*/}

        {/*<Col span={8}>*/}
        {/*  <Card hoverable style={{ width: 240 }} onClick={() => history.push('/spice/map')}>*/}
        {/*    地图*/}
        {/*  </Card>*/}
        {/*</Col>*/}

        <Col span={12}>
          <Card hoverable style={{ width: 240 }} onClick={() => history.push('/spice/cron')}>
            Cron表达式生成
          </Card>
        </Col>
      </Row>
    </>
  );
};

export default Spice;
